.comment-frame-box {
  border-top: 1px solid #ddd;
  padding: 10px;

  .user-info-box {
    display: flex;

    .img-box {
      width: 40px;
      height: 40px;
      img {
        border-radius: 50%;
        width: 100%;
      }
    }

    .user-info {
      padding-left: 10px;
      width: 80%;
      .uname {
        color: #2078F0;
        font-size: .9rem;
      }
      .user-lv {
        border: 1px solid;
        border-radius: 3px;
        font-size: .5rem;
        padding: 0 3px;
        vertical-align: top;
        color: #e45050;
      }
    }

    .good-job-active {
      color: #e45050;
    }

    .info-btm {
      display: flex;
      align-items: center;
      font-size: .6rem;
      color: #999;
      .star-box {
        margin-right: 10px;
      }
      .mui-icon-star {
        font-size: 15px;
        color: #FB952A;
      }
    }

  }
  .comment-body {
    padding-left: 50px;
    padding-top: 15px;
    font-size: .7rem;
  }
}
